<template>
  <header class="app_header">
    <div class="app_title">
      <div style="font-size: 24px; font-weight: bold;">{{ title }}</div>
      <div class="select" @click="search"><i class="el-icon-search"></i></div>
    </div>
  </header>
</template>

<script>
export default {
  components: {},
  mixins: [],
  props: {
    title: {
      type: String,
      default: '游戏点券自助兑换'
    }
  },
  data() {
    return {
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    search() {
      this.$router.push('/searchRecord')
    }
  }
}
</script>

<style lang="scss" scoped>
.app_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  .app_title{
    padding: 20px;
    .select{
      position: absolute;
      top: 26px;
      right: 10px;
      .el-icon-search{
        color: #333;
        font-size: 18px;
      }
    }
  }
}
</style>>